﻿<phone:PhoneApplicationPage 
  x:Class="FinanceCalculators.Views.CompareLoansByRate.CompareLoansByRate"
   xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI"  
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:tookit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="728" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" >
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="85"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel Orientation="Horizontal" Margin="-0,0,0,0">
            <Image x:Name="imgTitle" Width="71" Height="71" HorizontalAlignment="Left" MouseEnter="imgTitle_MouseEnter" Style="{StaticResource PovitTitle}"/>
            <TextBlock x:Name="tblkhyphen" Text="-" Margin="0,-20,5,0" FontSize="74" Foreground="White"/>
            <TextBlock Text="CompareByRate" Margin="0,15,0,0" Width="245" FontFamily="Comic Sans MS" Foreground="Red" FontSize="24" FontWeight="Bold" TextWrapping="Wrap"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,30,12,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <StackPanel Grid.Row="0" Orientation="Horizontal">
                <TextBlock Name="tbMortgagePrincipal" Text="Mortgage Principal" Margin="0,0,0,0" FontSize="25" Foreground="White" Width="237" />
            </StackPanel>
            <StackPanel Grid.Row="1" Orientation="Horizontal">
                <TextBox x:Name="TxtMortgagePrincipal" Background="White" Text="648" InputScope="TelephoneNumber" Width="333"  Margin="-8,0,0,0" Height="74" LostFocus="TxtMortgagePrincipal_LostFocus" />
                <TextBlock Text="$" FontSize="25" Margin="20,20,0,0" Foreground="White" Width="25" />
            </StackPanel>
            <StackPanel Grid.Row="2" Orientation="Horizontal">
                <TextBlock Name="tbTermofMortgage" Text="Term of Mortgage " FontSize="25"  Width="237" Foreground="White"/>
            </StackPanel>
            <StackPanel Grid.Row="3" Orientation="Horizontal">
                <TextBox x:Name="TxtTermsOfMortgage" Background="White" Text="10" InputScope="TelephoneNumber" Width="333"  Margin="-8,0,0,0" Height="74" />
                <TextBlock Text="Yrs" FontSize="25" Foreground="White"  Margin="20,20,0,0"/>
            </StackPanel>
            <StackPanel Grid.Row="4" Orientation="Horizontal">
                <TextBlock Name="tbStartingInterestRate" Text="Starting Interest Rate" FontSize="25"  Margin="0,0,0,0"  Width="237" Foreground="White"/>
            </StackPanel>
            <StackPanel Grid.Row="5" Orientation="Horizontal">
                <TextBox x:Name="TxtStartingInterestRate" Background="White" Text="3.5" InputScope="TelephoneNumber" Width="333"  Margin="-8,0,0,0" LostFocus="TxtStartingInterestRate_LostFocus" />
                <TextBlock Text="%" FontSize="25" Foreground="White" Margin="20,20,0,0"/>
            </StackPanel>
            <StackPanel Grid.Row="6" Orientation="Vertical">
                <TextBlock Name="tbClosingCosts" Text="Closing Costs" Foreground="White" FontSize="25"  Margin="-210,0,0,0"  Width="237"  />
                <StackPanel  Orientation="Horizontal">
                    <tookit:ListPicker  x:Name="lstpicClosingCosts" Background="White" Width="315" ItemCountThreshold="6"  Margin="0,0,0,0" >

                        <tookit:ListPicker.ItemTemplate>
                            <DataTemplate >
                                <TextBlock Margin="0,10,0,0" Text="{Binding Closincostsper}"/>
                            </DataTemplate>
                        </tookit:ListPicker.ItemTemplate>
                        <tookit:ListPicker.FullModeItemTemplate>
                            <DataTemplate >
                                <TextBlock Margin="0,10,0,0" Text="{Binding Closincostsper}"/>
                            </DataTemplate>
                        </tookit:ListPicker.FullModeItemTemplate>

                    </tookit:ListPicker>

                </StackPanel>
               
                <!--<Button Grid.Row="4" Content="Calculate" x:Name="BtnCalculate" FontSize="25" Click="BtnCalculate_Click" Height="78" Margin="0,0,193,0" />-->
            </StackPanel>
        </Grid>
        <my:AdControl x:Name="adcontrol" Grid.Row="2"  BorderBrush="Transparent" Margin="-1.5,5,0,0"  AdUnitId="81658" Height="80" Width="480" ApplicationId="3c3f42d5-f5a3-48ea-8832-4a07eaabbce5" IsAutoRefreshEnabled="True" ></my:AdControl>

    </Grid>

    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/Calculator.png" Text="Calculate" Click="ApplicationBarCalculate_Click" />
            <!--<shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>-->
            <!--<shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>-->
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>
